
/**
 * 首页需要的相关函数
 */

/**
 * 搜索按钮的事件
 */
function doSearch(){
    // 获取输入的关键字
    let keyworkd = document.getElementById("key").value;
    // 跳转到搜索页面
    location.href = "erji-class.html?keyword="+keyworkd;
}

/**
 * 加载首页数据
 */
function loadData(){
    // 发送请求
    axios.get(config.BASURL + "/cms/content/indexData")
    .then(res=>{
        let map = res.data.data;
        console.log(map);
        //获取对应的数据
        initBanner(map);
        initBigAd(map);
    });
}
/**
 * 初始化大广告
 * @param {*} map 
 */
function initBigAd(map){
    let ads = map["index_ad_big_ad"];
    let adBox = document.getElementById("big-ad");
    let html = "";
    for(let x = 0;x < ads.length;x ++){
        let ad = ads[x];
        html += `<a href="${ad.url}" target="_blank"><img src="${ad.img1}"></a>`;
    }
    adBox.innerHTML = html;
}

/**
 * 初始化轮播图
 * @param {*} map 
 */
function initBanner(map){
    // 轮播图
    let banners = map["index_ad_banner"];
    // 将轮播图动态的显示在页面中
    let bannerDiv = document.getElementById("banner");
    bannerDiv.innerHTML = "";
    let html = "";
    let lis = "";
    for(let x = 0;x < banners.length;x ++){
        let banner = banners[x];
        html += `<a href="${banner.url}" class="d1" style="background:url(${banner.img1}) center no-repeat;background-color: #f01a38; padding-left:180px;"></a>`;
        lis += "<li></li>";
    }
    // 加轮播按钮
    html += `<div class="d2" id="banner_id"><ul> ${lis}</ul></div>`;

    bannerDiv.innerHTML = html;
    // 调用模版中本身就有banner方法，给轮播图的按钮添加事件
    banner();
}

// 使用一个子之行函数进行初始化
(function indexInit(){
    // 加载数据
    loadData();
})();

